<%--
  Created by IntelliJ IDEA.
  User: LiuXiaoChuan
  Date: 2022/5/14
  Time: 19:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>招生列表</title>
    <%--    css   js--%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-3.5.1.min.js"></script>
    <%--    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/ajaxForm.js"></script>--%>
    <script>
        layui.use(['table', 'util', 'jquery', 'layer', 'form'], function () {
            var table = layui.table, util = layui.util, $ = layui.jquery, layer = layui.layer, form = layui.form;

            //监听表单模糊查询
            form.on('submit(search-btn)', function (d) {
                var tell = $("#tell").val();
                var studName = $("#studName").val();
                var negativeName = $("#negativeName").val();
                var majorId = $("#majorId").val();
                table.reload('titleEt', {//指定条件重载table
                    page: {page: 1},
                    where: {     //条件
                        tell: tell,
                        studName: studName,
                        negativeName: negativeName,
                        majorId: majorId,
                    },
                });
            });

            //监听添加按钮
            $("#add-btn").click(function () {
                layer.open({
                    type: 2,//设置为iframe
                    fix: false,//不固定
                    maxmin: true,//出现最大化最小化按钮
                    offset: '5px',//垂直水平位置
                    shade: 0.4,//遮罩层透明度
                    area: ['500px', '600px'],//弹出层宽高
                    title: "招生信息",//弹出层标题
                    content: '${pageContext.request.contextPath}/et/toadd'//弹出层内网页
                });
            });

            //监听form表单提交  模糊查询  查看全部按钮
            form.on('submit(shuax-btn)', function (d) {
                location.reload("titleEt");//重新加载父页面表格
            });


            //监听工具栏按钮
            table.on('tool(demo)', function (res) {
                var row = res.data; //获取当前行的数据（点哪一行就是哪一行）
                var event = res.event;//获取点的是哪个按钮
                var enrollmentId = row.enrollmentId;//获取行中的ID列（工具栏 按钮上指定的 lay-event）
                if (event == 'del') {
                    //把ID传到后台删除
                    layer.confirm('是否开除员工?', {
                        btn: ['确定', '取消']
                    }, function () { //确定了回调函数
                        $.post("${pageContext.request.contextPath}/et/del", {enrollmentId: enrollmentId}, function (data) {
                            layer.msg(data.msg);//使用消息层 显示删除的结果
                            //重新加载table
                            table.reload('titleEt', {
                                url: '${pageContext.request.contextPath}/et/etlist'
                            });
                        }, "json");
                    });
                } else if (event == 'edit') {
                    layer.open({
                        type: 2,//设置为iframe
                        fix: false,//不固定
                        maxmin: true,//出现最大化最小化按钮
                        offset: '10px',//垂直水平位置
                        shadeClose: true,
                        shade: 0.4,//遮罩层透明度
                        area: ['500px', '600px'],//弹出层宽高
                        title: "招生信息",//弹出层标题
                        content: '${pageContext.request.contextPath}/et/etupd/' + enrollmentId//弹出层内网页
                    });
                }
                ;
            });


            //头工具栏事件
            table.on('toolbar(demo)', function (obj) {
                var checkStatus = table.checkStatus(obj.config.id)
                    , data = checkStatus.data;
                switch (obj.event) {
                    case '1':
                        if (data.length === 0) {
                            layer.msg('请选择一行');

                        } else if (data.length > 1) {
                            layer.msg('只能同时编辑一个');
                        } else if (data[0].reviewStatus === 2) {
                            layer.msg('该学生预定报名费已审核,不允许修改');
                        } else {
                            console.log(data);
                            layer.open({
                                type: 2
                                , title: '预定报名费'
                                , area: ['45%', '70%']
                                , content: '${pageContext.request.contextPath}/et/ydbmf/' + data[0].enrollmentId,
                            });
                        }
                        break;
                    case '2':
                        if (data.length === 0) {
                            layer.msg('请选择一行');
                        } else if (data.length > 1) {
                            layer.msg('只能同时编辑一个');
                        } else if (data[0].reviewStatus === 2) {
                            layer.msg('该学生预定报名费已审核');
                        } else {
                            console.log(data);
                            layer.open({
                                type: 2,
                                title: '预定报名费审核',
                                area: ['45%', '69%'],
                                content: '${pageContext.request.contextPath}/et/ydbmfsh/' + data[0].enrollmentId,
                            });
                        }

                        break;
                    case '3':
                        if (data.length === 0) {
                            layer.msg('请选择一行');

                        } else if (data.length > 1) {
                            layer.msg('只能同时编辑一个');
                        } else {
                            console.log(data);
                            layer.open({
                                type: 2
                                , title: '提成金额'
                                , area: ['45%', '70%']
                                , content: '${pageContext.request.contextPath}/et/tcje/' + data[0].enrollmentId,
                            });
                        }
                        break;
                    case '4':
                        if (data.length === 0) {
                            layer.msg('请选择一行');

                        } else if (data.length > 1) {
                            layer.msg('只能同时编辑一个');
                        } else {
                            console.log(data);
                            layer.open({
                                type: 2
                                , title: '试学时间'
                                , area: ['45%', '70%']
                                , content: '${pageContext.request.contextPath}/et/sx/' + data[0].enrollmentId,
                            });
                        }
                        break;
                    case '5':
                        if (data.length === 0) {
                            layer.msg('请选择一行');

                        } else if (data.length > 1) {
                            layer.msg('只能同时编辑一个');
                        } else {
                            console.log(data);
                            layer.open({
                                type: 2
                                , title: '学生状态'
                                , area: ['45%', '70%']
                                , content: '${pageContext.request.contextPath}/et/wsx/' + data[0].enrollmentId,
                            });
                        }
                        break;

                    //自定义头工具栏右侧图标 - 提示
                    case 'LAYTABLE_TIPS':
                        layer.alert('这是工具栏右侧自定义的一个图标按钮');
                        break;
                }
                ;
            });

        });
    </script>
</head>
<body>
<div>
    <form class="layui-form" action="${pageContext.request.contextPath}">
        <div class="layui-inline">学生姓名:</div>
        <div class="layui-inline">
            <input type="text" name="studName" id="studName" class="layui-input"/>
        </div>

        <div class="layui-inline">手机号:</div>
        <div class="layui-inline">
            <input type="text" name="tell" id="tell" class="layui-input"/>
        </div>


        <div class="layui-inline">招生老师:</div>
        <div class="layui-inline">
            <input type="text" name="negativeName" id="negativeName" class="layui-input"/>
        </div>


        <div class="layui-inline">专业：</div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <select name="majorId" id="majorId">
                    <option value="">- 请 - 选 - 择 -</option>
                    <c:forEach items="${majorList}" var="s">
                        <option value="${s.majorId}">${s.majorName}</option>
                    </c:forEach>
                </select>
            </div>
        </div>
        <a class="layui-btn layui-icon layui-icon-search" lay-filter="search-btn" lay-submit="" lay-size="sm">搜索</a>
        <a class="layui-btn layui-icon layui-icon-refresh" lay-filter="shuax-btn" lay-submit="" lay-size="sm">刷新</a>
        <a class="layui-btn layui-icon layui-icon-add-1" id="add-btn" lay-size="sm">新增</a>
    </form>
</div>
<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm layui-icon layui-icon-rmb" lay-event="1">预定报名费</button>
        <button class="layui-btn layui-btn-sm layui-icon layui-icon-survey" lay-event="2">预定报名费审核</button>
        <button class="layui-btn layui-btn-sm layui-icon layui-icon-dollar" lay-event="3">提成金额</button>
        <button class="layui-btn layui-btn-sm layui-icon layui-icon-diamond" lay-event="4">试学</button>
        <button class="layui-btn layui-btn-sm" lay-event="5">学生状态</button>
        <%--        <button class="layui-btn layui-btn-sm" lay-event="6">流失</button>--%>
    </div>
</script>
<table class="layui-table" id="titleEt" lay-filter="demo" lay-size="sm"
       lay-data="{url:'${pageContext.request.contextPath}/et/etlist',toolbar: '#toolbarDemo',page:true,id:'titleEt'}">
    <thead>
    <tr>
        <!--表头-->
    <th lay-data="{type: 'checkbox', fixed: 'left'}"></th>
<%--    <th lay-data="{field:'enrollmentId',sort:true}">编号</th>--%>
    <th lay-data="{field:'studName',sort:true}">姓名</th>
    <th lay-data="{field:'card',sort:true}">身份证</th>
    <th lay-data="{field:'sex',sort:true}">性别</th>
    <th lay-data="{field:'tell',sort:true}">手机号</th>
    <%--        <th lay-data="{field:'qq',sort:true}">QQ号码</th>--%>
    <%--        <th lay-data="{field:'school',sort:true}">学校</th>--%>
    <th lay-data="{field:'classes',sort:true}">班级</th>
    <th lay-data="{field:'score',sort:true}">入学成绩</th>
    <th lay-data="{field:'amount',sort:true}">预定报名费</th>
    <th lay-data="{field:'reviewStatus',sort:true,align:'center',templet:function (d) {
                            var zid=d.reviewStatus;  //取出每一个数据
                                if(zid==1){
                                    return '未审核'
                                }else if(zid==2){
                                    return '已审核'
                                }
                            }}">预定报名费审核
    </th>

    <th lay-data="{field:'enrollMoney',sort:true}">提成金额</th>
    <th lay-data="{field:'testTime',sort:true}">试学时间</th>
        <th lay-data="{field:'status',sort:true,align:'center',templet:function (d) {
                            var zid=d.status;  //取出每一个数据
                                if(zid==1){
                                    return '未试学'
                                }else if(zid==2){
                                    return '流失'
                                }
                            }}">学生状态
        </th>

    <%--        <th lay-data="{field:'computer',sort:true}">是否送电脑(是/否)</th>--%>

    <%--        <th lay-data="{field:'startTime',sort:true}">入学时间</th>--%>
    <%--        <th lay-data="{field:'signdate',sort:true}">录入时间</th>--%>
    <%--        <th lay-data="{field:'empId',sort:true}">员工id</th>--%>

<%--    <th lay-data="{field:'remark',sort:true}">备注</th>--%>
    <%--        <th lay-data="{field:'paymentTime',sort:true}">缴预定报名费时间</th>--%>

    <%--        <th lay-data="{field:'enrollMoneyTime',sort:true}">发放时间</th>--%>
    <th lay-data="{field:'negativeName',sort:true}">招生老师</th>
    <%--        <th lay-data="{field:'reviewer',sort:true}">审核人</th>--%>
    <%--        <th lay-data="{field:'reviewerTime',sort:true}">审核时间</th>--%>
    <th lay-data="{field:'classTypeName',sort:true}">班级类别</th>
    <th lay-data="{field:'majorName',sort:true}">专业</th>


    <th lay-data="{toolbar:'#tools',width:150,align:'center',fixed:'right'}">操作</th>
    </tr>
    </thead>
</table>
<script type="text/html" id="tools">
    <a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger layui-icon layui-icon layui-icon-delete" lay-event="del">删除</a>
</script>

</body>
</html>
